<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收藏</title>
    <link rel="stylesheet" href="css/collect.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="thirdparty/jsrender.js"></script>
    <script src="js/collect.js"></script>

    <!-- <script src="js/nav.js"></script> -->
</head>
<body>
    <audio src="/audio/se_changeitem.wav" id="change"></audio>
    <div class="nav">
        <a href="index.html" class="para-a">
          <img src="img/logo.png"/>
          学生接单平台
        </a>
        <a href="user.html" class="common-a">用户中心</a>
        <a href="task/task_list.html" class="common-a">任务中心</a>
        <a href="bussiness.html" class="common-a">发布任务</a>
        <div class="now">
            <a href="collect.html" class="special-a">我的收藏</a>
            <div class="buttom"></div>
        </div>
        <a href="message.html" class="common-a">消息中心</a>
        <a href="money.html" class="common-a">资金账户</a>
        <a href="enterExam.html" class="common-a">入站考试</a>
        <a href="vs.html" class="common-a">自主大赛</a>
        <a href="student_opensource.html" class="common-a">开源项目</a>
        <a href="login.html" class="common-a">登陆注册</a>
        <a href="donate.html" class="common-a">捐赠页面</a>
        <a href="web_owner_info.html" class="common-a">站长的话</a>
      </div> 
      <br><br>
    <h1 style="text-align:center">收藏</h1>
    <ol class="left">
        <li>+新建</li>
        <li></li>
        <li onclick="clickSwitchCollect()">收藏夹1</li>
        <li onclick="clickSwitchCollect()">收藏夹1</li>
        <li onclick="clickSwitchCollect()">收藏夹1</li>
        <li onclick="clickSwitchCollect()">收藏夹1</li>
        <li onclick="clickSwitchCollect()">收藏夹1</li>
        <li onclick="clickSwitchCollect()">收藏夹1</li>
        <li onclick="clickSwitchCollect()">收藏夹1</li>
    </ol>
    <ol id="content">
        <table>
            <tr id="title">
                <td>任务标题</td>
                <td>任务金额</td>
                <td>任务类型</td>
                <td>收藏时间</td>
                <td>截稿时间</td>
                <td>操作</td>
            </tr>
            <!--<tr class="item">
                <td><a class="task_name" href="#">4</a></td>
                <td>￥100</td>
                <td>悬赏任务</td>
                <td>2022-1-21</td>
                <td>2022-2-32</td>
                <td><button class="btn btn-success" >删除</button></td>
            </tr>
            <tr class="item">
                <td><a class="task_name" href="#">3</a></td>
                <td>￥100</td>
                <td>悬赏任务</td>
                <td>2022-1-21</td>
                <td>2022-2-32</td>
                <td><button class="btn btn-success">删除</button></td>
            </tr>-->
        </table>
        <ul class="pagination pagination" id="page">
            <li class="page-item" id="0"><a class="page-link" href="#">Previous</a></li>
            <li class="page-item active" id="1"><a class="page-link" href="#">1</a></li>
            <li class="page-item" id="2"><a class="page-link" href="#">2</a></li>
            <li class="page-item" id="3"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">Next</a></li>
          </ul>
    </ol>
    
</body>
</html>